import { StyleSheet } from 'react-native';

export default StyleSheet.create({
    container: {
        flex: 1,
        backgroundColor: 'white',
    },
    content: {
        margin: 15,
    },
    top: {
        flexDirection: 'row',
        alignItems: 'center',
        justifyContent: 'space-between',
    },
    title: {
        fontSize: 22,
        fontWeight: 'bold',
    },
    topImage: {
        width: 60,
        height: 60,
        // backgroundColor: 'red'
    },
    topCarameImgGroup: {
        width: 30,
        height: 30,
        position: 'absolute',
        top: 15,
        left: 15,
        borderRadius: 15,
        backgroundColor: 'white',
        alignItems: 'center',
        justifyContent: 'center',
    },
    topCameraRow: {
        width: 26,
        height: 26,
        backgroundColor: 'black',
        borderRadius: 13,
        alignItems: 'center',
        justifyContent: 'center',
    },
    buttonGroup: {
        marginLeft: 'auto',
        marginRight: 'auto',
        marginTop: 40,
    },
    infoContent: {
        marginTop: 40,
    },
    infoItem: {
        flexDirection: 'row',
        marginBottom: 30,
    },
    birthdayItem: {
        marginBottom: 30,
        display: 'flex',
        flexDirection: 'row',
        alignItems: 'center',
    },
    birthday: {
        width: '100%',
    },
    infoItemTitle: {
        fontSize: 14,
        color: 'rgba(153, 153, 153, 1)',
        marginRight: 50,
    },
    infoItemDesc: {
        fontSize: 14,
        fontWeight: 'bold',
        width: 260,
    },
    sexBtn: {
        width: 50,
        height: 26,
        borderRadius: 13,
        borderColor: 'black',
        borderWidth: 1,
        backgroundColor: 'black',
        marginRight: 13,
        alignItems: 'center',
        justifyContent: 'center',
    },
    sexText: {
        color: 'white',
        fontSize: 14,
        // fontWeight: 'bold'
    },
    infoItemSex: {
        // justifyContent: 'center',
        alignItems: 'center',
    },

    modal: {
        flex: 1,
        backgroundColor: 'red',
    },
    viewBorder: {
        width: 300,
        height: 55,
        backgroundColor: 'rgb(242,242,242)',
        flexDirection: 'row',
        alignItems: 'center',
        // justifyContent: 'center',
        borderRadius: 27,
        marginTop: 30,
        paddingLeft: 20,
    },
    saveButton: {
        width: 300,
        height: 55,
        backgroundColor: 'rgb(14,14,14)',
        alignItems: 'center',
        justifyContent: 'center',
    },
    textSave: {
        color: '#fff',
        fontWeight: '600',
        fontSize: 16,
    },
});
